@import "../../app.scss";
@import "../../../app/components/form/barCode.scss";
@import "../../../app/components/form/cartCount.scss";
@import "../../../app/components/form/empty.scss";
@import "../../../app/components/form/ident.scss";
@import "../../../app/components/form/item.scss";
@import "../../../app/components/form/pullUp.scss";
@import "../../../app/components/nav/BottomNav.scss";
@import "../../../app/components/nav/tabs.scss";
@import "../../../app/components/toast/Toast.scss";
@import "../../../style/variable.scss";

@mixin card-bg($type) {
    // dev背景
    // background: url("../../assets/imgs/card" + $type + ".png") no-repeat;
    // 绿色部署背景
    // background: url("http://47.111.66.164/cdn/card.png") no-repeat;
    // 红色部署背景
    background: url("http://47.111.66.164/cdn/card_red.png") no-repeat;
    background-size: 100%;
}

.accum{
    font-size: $baseFont - .04;
    background: $bg;
    min-height: 100vh;
}

.a-header{
    height: 4.8rem;
    background: $textColor;
    flex-direction: column;
    .ah-card{
        color: white;
        width: 5.7rem;
        height: 3.5rem;
        @include card-bg('');
        position: relative;
        > div{
            left: .5rem;
            position: absolute;
        }
        .ah-name{
            top: .3rem;
            border: 1px solid;
            padding: .1rem;
            border-radius: .04rem;
        }
        .ah-id{
            top: 1.2rem;
            font-size: $baseFont + .02;
            text-shadow: grey .03rem .03rem .02rem;
            letter-spacing: .1em;
        }
        .ah-time{
            bottom: .5rem;
            font-size: $baseFont - .06;
        }
        .ah-level{
            top: .2rem;
            left: unset;
            right: .35rem;
        }
        .ah-discount{
            left: unset;
            right: .4rem;
            bottom: .4rem;
            span{
                margin: .05rem;
                font-size: $baseFont + .1;
            }
        }
        .ah-discount_red{
            left: unset;
            right: .8rem;
            bottom: .55rem;
            span{
                margin: .05rem;
                font-size: $baseFont + .1;
            }
        }
    }
    .ah-text{
        color: white;
        margin: .2rem;
        font-size: $baseFont - .02;
    }
}

.a-body{
    color: white;
    height: 1.9rem;
    padding: 0 .4rem;
    background: $mainColor;
    justify-content: space-between;
    .ab-accum{
        font-size: $baseFont - .02;
        align-items: flex-start;
        flex-direction: column;
        .ab-accum-txt{
            margin: .1rem 0;
            font-size: $baseFont + .18;
        }
    }
    .ab-btn{
        height: .8rem;
        border: 1px solid;
        padding: 0 .1rem;
        border-radius: .04rem;
    }
}

.a-nav{
    color: $deepColor;
    height: 1rem;
    padding: 0 .4rem;
    font-size: $baseFont + .02;
    margin-top: .3rem;
    background: white;
    justify-content: space-between;
    > :first-child{
        color: $baseColor;
    }
}

.a-footer{
    .af-accum{
        color: #002448;
        margin: .4rem;
        font-size: $baseFont - .04;
        > div{
            margin: .1rem 0;
        }
        .af-title{
            margin: .2rem 0;
            font-size: $baseFont + .02;
        }
    }
    .af-accum-l{
        color: #460016;
    }
}

@import "../../../app/containers/accumulate/accumulateList.scss";
@import "../../../app/containers/active/active.scss";
@import "../../../app/containers/cart/cart.scss";
@import "../../../app/containers/cart/item.scss";
@import "../../../app/containers/cart/list.scss";
@import "../../../app/containers/cart/records.scss";
@import "../../../app/containers/main/qr.scss";
@import "../../../app/containers/main/shop.scss";
@import "../../../app/containers/main/store.scss";
@import "../../../app/containers/main/voucher.scss";